<template>
<div>xy的评定等级为：
    <p v-if="type==='A'">优秀</p>
    <p v-else-if="type==='B'">良好</p>
    <p v-else-if="type==='C'">及格</p>
    <p v-else>不及格</p>
    <button @click="type='A'">切换成优秀</button>
    <button @click="type='B'">切换成良好</button>
    <button @click="type='C'">切换成及格</button>
    <button @click="type='D'">切换成不及格</button>
</div>
</template>

<script>
import {
    ref,
} from 'vue'
const type = ref('A')//
</script>
